<template>
  <div class="home">
    <div class="content">
      <router-view></router-view>
      <audio id="vd" autoplay loop>
        <source src="../assets/audio/birthday.mp3" type="audio/mpeg">
      </audio>
    </div>
  </div>
</template>

<script>
export default {
}
</script>

<style scoped>
.home {
  position: relative;
  height: 100%;
  perspective: 700px;
}
.home::after {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: url('../image/jpg/bk.jpg') no-repeat;
  background-size: 100% 100%;
  opacity: 0.5;
  z-index: -1;
}
.content {
  position: absolute;
  top: 28.5%;
  width: 60%;
  height: 65%;
}
</style>
